{% extends 'common/base.html' %}

{% load staticfiles %}

{#标题#} 
{% block title %}联系我们{% endblock title %}

{#顶部js#}
{% block head_js %}
    <script src="{% static 'js/jquery-1.9.0.min.js' %}"></script>
    <script src="{% static 'js/contact.js' %}"></script>
{% endblock head_js %}


{#body主体#} 
{% block body %}
    <div class="map">
        <iframe src="http://map.baidu.com"></iframe>
    </div>

    <div class="main">
    <div class="wrap">
        <div class="about-top">
            <div class="about">
				<div class="contact">

					<div class="col1 span_1_of_contact">
						<div class="company_address">
							<div class="contact-left">
								<h3>雁塔店</h3>
								<p>地址：雁塔区　雁南路 26 号</p>
								<p>电话:029-5600-2360</p>
							</div>
							<div class="contact-left1">
								<h3>莲湖店</h3>
								<p>地址：莲湖区　东新路 126 号</p>
								<p>电话:029-6520-8532</p>
							</div>
							<div class="clear"></div>
						</div>
					</div>

					<div class="col1 span_2_of_contact">
                        <h3>联系我们</h3>
                        <div class="contact-form">

							<form method="post" action="javascript:">
								{% csrf_token %}
								<div>
									<label><span>* </span>姓名：</label>
                                    <input type="text" name="user_name" class="user_name">
                                    <p class="error_tip error_name">错误提示</p>
                                    <p class="error_tip_python">{{ mess.error_name }}</p>
                                </div>

                                <div>
									<label><span>* </span>联系方式：</label>
									<input type="text" name="user_tel" class="user_tel">
                                    <p class="error_tip error_tel">错误提示</p>
                                    <p class="error_tip_python">{{ mess.error_tel }}</p>
                                </div>

                                <div>
									<label><span>* </span>留言：</label>
									<textarea class="user_msg" name="user_msg"></textarea>
                                    <p class="error_tip error_msg">错误提示</p>
                                    <p class="error_tip_python">{{ mess.error_msg }}</p>
                                </div>

                                <div>
                                    <input type="submit" value="提 交" class="btn" id="contact_btn">
                                </div>

                            </form>

						</div>
					</div>

					<div class="clear"></div>

				</div>
			</div>
		</div>
	</div>
</div>


{# 评论成功，弹框提示#}
<div class="pop_main" id="pop">
    <div class="pop_con">

        <div class="pop_title">×</div>

        <div class="pop_detail">
            <p class="pop_text">
                留言成功,谢谢您的支持！<br>
                我们会尽快联系您！
            </p>
        </div>

        <div class="pop_footer">
            还有<span id="count">5</span>秒自动关闭弹框
        </div>

    </div>
    <div class="mask"></div>

</div>

{% endblock body %}

